<template>
  <li>
    {{index}}.{{item}}
    <input type="button" @click="$emit('remove')" value="X">
  </li>
</template>

<script>
export default {
  name: 'todoItem',
  props: ['item','index']
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}

a {
  color: #42b983;
}
</style>
